<template>
  <div>
    <el-descriptions title="用户信息" :column="2" direction="horizontal">
      <el-descriptions-item label="事件类型" :span="2">{{ thisdata1.eventtype }}</el-descriptions-item>
      <el-descriptions-item label="事件分类">{{ thisdata1.eventclass }}</el-descriptions-item>
      <el-descriptions-item label="发生时间">{{ thisdata1.data }}</el-descriptions-item>
      <el-descriptions-item label="影响度">
        {{ thisdata1.pri }}
      </el-descriptions-item>
      <el-descriptions-item label="紧急度">{{ thisdata1.pri }}</el-descriptions-item>
      <el-descriptions-item label="摘要" :span="2">{{ thisdata1.abstract }}</el-descriptions-item>
      <el-descriptions-item label="详细说明" :span="2">{{ thisdata1.information }}</el-descriptions-item>
      <el-descriptions-item label="附件" :span="2"></el-descriptions-item>
    </el-descriptions>

    <el-descriptions title="联系人信息" :column="2">

      <el-descriptions-item label="事件来源">{{ thisdata1.eventsource }}</el-descriptions-item>
      <el-descriptions-item label="来源机构">{{ thisdata1.sourceinstitution }}</el-descriptions-item>
      <el-descriptions-item label="联系人"> {{ thisdata1.user }}</el-descriptions-item>
      <el-descriptions-item label="联系电话">{{ thisdata1.phone }}</el-descriptions-item>
      <el-descriptions-item label="地址" :span="2">{{ thisdata1.adress }}</el-descriptions-item>

    </el-descriptions>
  </div>
</template>
<script>
export default {
  data() {
    return {
      thisdata1: {},
      nowid: 0,
    }

  },
  mounted() {
    if (this.$store.state.goHandle.a !== 1) {
      this.thisdata1 = this.$store.state.goHandle
    } else {
      this.nowid = window.sessionStorage.getItem('id')
      this.$axios.get(`test`).then((res) => {
        this.thisdata1 = res.data[this.nowid]

      })
    }


  },
  beforeDestroy() {
    this.$store.commit('changeHandle', { a: 1 })
  }
}


</script>
<style scoped>
.el-tabs__nav-wrap::after {
  width: auto;
}

.flex1 {
  display: flex;

  justify-content: space-between;

}

.flex2 {
  display: flex;
  justify-content: left;

}

.settingbutton {
  padding: 0px 0px;
  border: 0px solid;
  margin-left: 5px;
}

::v-deep .el-table tr {
  background-color: #FFF;
  height: 85px;
}

::v-deep .el-pagination {
  padding: 0px 5px;
}

::v-deep .el-select {
  margin-right: 10px;
}

::v-deep .el-descriptions-item__label {
  margin-right: 10px;
  width: 60px;
  text-align: right;

}
</style>